<template>
	<view class="">
		<view>
			<image class="picture1" mode="" src="../../static/pic3.webp"></image>
		</view>
		<view>
			<image class="picture2" mode="aspectFill" src="../../static/pic3.webp"></image>
		</view>
		<view>
			<image class="picture3" mode="heightFix" src="../../static/pic3.webp"></image>
		</view>
		<view class="testEmBox">
			<text>ABCD</text>
		</view>
	</view>
</template>

<script setup>
 
</script>

<style lang="scss" scoped>
.picture1 {
	width: 200px;
	height: 200px;
	border: 1px solid red;
}
.picture2 {
	width: 200px;
	height: 200px;
	border: 1px solid green;
}
.picture3 {
	height: 200px;
	border: 1px solid blue;
}
.testEmBox {
	font-size: 20px;
	text {
		font-size: 2em;
	}
}
</style>
 
